<!DOCTYPE html>
<html style="min-height: 870px;"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="UTF-8">
        <title>AdminLTE | moreMessage</title>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.css" rel="stylesheet" type="text/css">
        <!-- font Awesome -->
        <link href="../css/font-awesome.css" rel="stylesheet" type="text/css">
        <!-- Ionicons -->
        <link href="../css/ionicons.css" rel="stylesheet" type="text/css">
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css">
		<link href="../css/main.css" rel="stylesheet" type="text/css">
		<link href="../css/bootstrap-tagsinput.css" rel="stylesheet" type="text/css">
    	<link rel="stylesheet" href="../css/bootstrapValidator.css">
    	<style type="text/css">
    		*{
    			margin: 0;
    			padding: 0;
    		}
    		.box-header{
    			border-left: 6px solid #3882FF;
    			margin: 20px 10px 0;
    			padding: 0 5px;
    			font-weight: bold;
    		}
    		table tr td span{
    			width: 100%;
    			display: inline-block;
    			text-align: right;
    		}
    		.star{
    			color: red;
    		}
    		.addLink{
    			border: 1px solid #3882FF;
    			color: #3882FF;
    			padding: 2px 5px;
    			width: 12%;
    			margin-top: 5px;
    			cursor: pointer;
    		}
    		.style{
    			list-style: none;
    		}
    		.style li{
    			float: left;
    			border: 1px solid black;
    			padding: 2px 5px;
    			margin-right: 5px;
    		}
    		.image label{
    			width: 100px;
    			height: 100px;
    			float: left;
    			border: 1px solid #ccc;
    			text-align: center;
    			line-height: 100px;
    			margin-right: 10px;
    		}
    		#more{
    			display:none;
    		}
    		.red{
    			color:red;
    		}
    		.bootstrap-tagsinput{
		        border: 1px solid #ccc;
		        width: 100%;
		        box-shadow: none;
		        border-radius: 0;
		        padding: 6px;
		    }
	       	.bootstrap-tagsinput .tag{
		        margin-right: 2px;
		        color: #3882ff;
		        border: 1px solid;
		        border-radius: 0;
	       	}
	       	.bootstrap-tagsinput input {
			   	padding:0;
			    width: 170px;
			 }
	       	.label-info{
	        	background-color: #fff;
	       	}
	       	.label-info span{
	       		width: 2%;
	       		margin-left: 0;
	       	}
	       	.bootstrap-tagsinput .tag [data-role="remove"] {
			    margin-left: 0px;
			    cursor: pointer;
			}
			.find_div_xianshi{
		        height: auto;
		        line-height: 30px;
		        width: 100%;
		        position: absolute;
		        top: 33px;
		        z-index: 9;
		        border:1px solid #ccc;
		        background-color: #fff;
		        display: none;
	       }
	       .find_div_xianshi>a{
	        	padding: 0 10px;
	       }
	       .find_div_xianshi>span{
	        	text-align:left;
	       }
	       .find_div_xianshi>a:hover{
	       		cursor:pointer;
	       }
		   .find_div{
	            position: relative;
	        }
	        input[type="file"] {
			    display: inline-block;
			}
			.label {
				font-size: 100%;
			}
			.contacts .form-group{
				margin:0;
			}
			.contacts span{
				margin-top: 6px;
				display: inline-block; 
				text-align: left;
			}
			td td .find_div_xianshi{
				top: 44px;
			}
			.a-upload {
    padding: 4px 10px;
    height: 20px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.a-upload  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.a-upload:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none
}
    	</style>
    </head>
    <body class="skin-blue  pace-done" style="min-height: 870px;"><div class="pace  pace-inactive"><div class="pace-progress" style="width: 100%;" data-progress-text="100%" data-progress="99">
  <div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>
        <!-- header logo: style can be found in header.less -->
        <!-- header logo: style can be found in header.less -->
<header class="header">
	<a href="http://139.224.191.23/index.html" class="logo"> <img src="AdminLTE%20_%20moreMessage_files/logo_03.jpg"> 后台管理系统
	</a>
	<!-- Header Navbar: style can be found in header.less -->
	<nav class="navbar navbar-static-top" role="navigation">
		<div class="navbar-right">
			<ul class="nav navbar-nav">
				<!-- Notifications: style can be found in dropdown.less -->
				<li class="dropdown notifications-menu" style="margin:0;">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
						<i class="iconfont"></i> 设置
					</a>
				</li>
				<!-- User Account: style can be found in dropdown.less -->
				<li class="dropdown user user-menu" style="margin:0;"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="glyphicon glyphicon-user"></i> <span><span id="name2">3dfsafttttt</span> <i class="caret"></i></span>
				</a>
					<ul class="dropdown-menu" style="padding: 0">

						<!-- User image -->
						<li class="user-header bg-light-blue">
							<ul class="pull-left" style="border:none;">
								<li id="email">账号：admin</li>
								<li id="name">姓名：3dfsafttttt</li>
								<li id="roleName">角色：设计总监</li>
							</ul>
						</li>
						<!-- Menu Footer-->
						<li class="user-footer">
							<div class="pull-left" style="border:none;">
								<a href="#" class="btn btn-default btn-flat change_btn">修改密码</a>
							</div>
							<div class="pull-right">
								<a id="exit" href="#" class="btn btn-default btn-flat">退出</a>
							</div>
						</li>
					</ul></li>
			</ul>
		</div>
	</nav>
</header>
<!--修改密码弹框-->
<img class="masking" src="AdminLTE%20_%20moreMessage_files/mask.jpg" style="display: none;">
<div class="change_pw" style="display: none;">
	<img id="close" class="pull-right change_delet" src="AdminLTE%20_%20moreMessage_files/close.png">
	<form id="passwordform" action="">
		<div class="old_pw">
			<div class="input-group">
				<span class="input-group-addon new_add">原密码</span> <input id="oldPassword" name="oldPassword" class="form-control" placeholder="请输入原密码" type="password">
			</div>
		</div>
		<div class="new_pw">
			<div class="input-group">
				<span class="input-group-addon">设置新密码</span> <input id="newPassword1" name="newPassword" class="form-control" placeholder="请输入新密码" type="password">
			</div>
			<div>密码由6~8位字母（字母区分大小写）和数字组成</div>
		</div>
		<div class="beSure_pw">
			<div class="input-group">
				<span class="input-group-addon">确认新密码</span> <input id="newPassword2" class="form-control" placeholder="请输入密码" type="password">
			</div>
			<div id="notSame">两次密码不一致</div>
		</div>
	</form>
	<div class="pull-right sure">
		<a id="updatePassword" href="#" class="btn btn-primary">确定</a> <a id="delete" href="#" class="btn btn-default">取消</a>
	</div>
</div>

<style type="text/css">
.user-header ul {
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
}

.user-header ul li {
	color: rgba(255, 255, 255, 0.8);
	text-align: left;
	margin-top: 20px;
	font-size: 17px;
	list-style: none;
}

.masking {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.3;
	z-index: 2;
}

.change_pw {
	width: 400px;
	height: 300px;
	background: white;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	z-index: 3;
	border: 1px solid #bbb;
}

.new_pw, .old_pw, .beSure_pw {
	margin-top: 20px;
	margin-left: 10px;
}

.old_pw {
	margin-top: 40px;
}

.new_pw div:nth-child(2) {
	font-size: 14px;
	margin-left: 20px;
	margin-top: 5px;
	color: red;
}

.beSure_pw div:nth-child(2) {
	display: none; font-size : 14px;
	margin-left: 20px;
	margin-top: 5px;
	color: red;
	font-size: 14px;
}

.old_pw div {
	margin-left: 25px;
}

.change_pw .input-group {
	width: 90%;
}

.change_pw .input-group:nth-child(1) {
	margin-left: 10px;
}

.new_add {
	padding: 6px 27px;
}

.sure {
	margin-right: 15px;
}

.sure a {
	margin: 20px 10px 0 0;
}

.change_delet {
	margin: 10px 10px 0 0;
}

#delete {
	cursor: pointer;
}
</style>

<script src="AdminLTE%20_%20moreMessage_files/jquery.js" type="text/javascript"></script>

<script type="text/javascript">
	$('.masking').hide();
	$('.change_pw').hide();

	$('.change_btn').click(function() {
		$('.change_pw').show();
		$('.masking').show();
	});
	$('#delete').click(function() {
		$('.change_pw').hide();
		$('.masking').hide();
		$("#notSame").hide();
		$('#passwordform')[0].reset();
	});
	$('#close').click(function() {
		$('.change_pw').hide();
		$('.masking').hide();
		$("#notSame").hide();
		$('#passwordform')[0].reset();
	});
	$('#exit').click(function(){
		window.location.href="http://139.224.191.23/scm/logout";
	})
	$('#newPassword1').focus(function(){
		$("#notSame").hide();
	});
	$('#newPassword2').focus(function(){
		$("#notSame").hide();
	});
	$(function(){
		//向服务端获取当前用户基本信息
		var url="http://139.224.191.23/scm/sysuser/getUser";
		$.ajax({
			"url":url,
			"type":"get",
			"dataType":"json",
			"success":function(result){
				if(result.head.respCode=="0000000"){
					$('#name2').html(result.body.name);
					$('#email').html("账号："+result.body.email);
					$('#name').html("姓名："+result.body.name);
					var roleName="角色：";
					for(var i=0;i<result.body.roleName.length;i++){
						roleName+=result.body.roleName[i]+"、";
					}
					roleName=roleName.substring(0,roleName.length-1);
					$('#roleName').html(roleName);
				}
			},
			/* "error":function(result){
				if(result.head.respCode=="9999990"){
           		 	alert(result.body);
           		 }
			} */
		});
		//修改密码
		$('#updatePassword').click(function(){
			if($('#newPassword1').val()==""||$('#newPassword2').val()==""||$('#oldPassword').val()==""){
				alert("密码不能为空");
				return;
			}
			//两次密码不一致
			if($('#newPassword1').val()!=$('#newPassword2').val()){
				$("#notSame").show();
				return;
			}
			var formData = new FormData($('#passwordform')[0]);
			url="http://139.224.191.23/scm/sysuser/updatePassword";
			$.ajax({
				url: url,
				type: "post",
				data: formData,
				dataType: "json",
				async: false,  
	            cache: false,  
	            contentType: false,  
	            processData: false,
				success: function(result){
					if(result.head.respCode=="0000000"){
						alert(result.body);
						if(result.body=="密码修改成功"){
							window.location.href="http://139.224.191.23/scm/logout";
						}
						$('#passwordform')[0].reset();
					}
				},
				"error": function(result){
					if(result.head.respCode=="9999990"){
		           		 alert(result.body);
		           		$('#passwordform')[0].reset();
		           	}
				}
			});
		});
	})
</script>        <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 713px;">
            <!-- Left side column. contains the logo and sidebar -->
<aside class="left-side sidebar-offcanvas" style="min-height: 870px;">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                     <li class="active">
                            <a href="http://139.224.191.23/scm/customer/index">
                                <i class="fa fa-th"></i> <span>工作台</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                                                	 <li>
                            <a href="http://139.224.191.23/scm/designorder/list">
                                <i class="fa fa-th"></i> <span>设计订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/proofingorder/list">
                                <i class="fa fa-th"></i> <span>打样订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/productionorder/list">
                                <i class="fa fa-th"></i> <span>大货订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/hisgoryorder/list">
                                <i class="fa fa-th"></i> <span>历史订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/customer/list">
                                <i class="fa fa-th"></i> <span>客户管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/factory/list">
                                <i class="fa fa-th"></i> <span>工厂管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/designstore/list">
                                <i class="fa fa-th"></i> <span>设计库</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/sysuser/list">
                                <i class="fa fa-th"></i> <span>员工管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/operatelog/list">
                                <i class="fa fa-th"></i> <span>日志管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        	 <li>
                            <a href="http://139.224.191.23/scm/sysrole/list">
                                <i class="fa fa-th"></i> <span>角色管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>
            <style type="text/css">
            	/*新增样式    2016/12/01*/
	    		.ol_left{
		            width: 100%;
		            height: 30px;
		            line-height: 30px;
		            padding: 0;
		        }
		        .ol_left>li{
		            float: left;
		            margin-right: 5px;
		        }
		        .ol_left li, .ol_left{
		        	margin-bottom: 0;
		        }
		        ol li{
		        	list-style: none;
		        }
		        
		        
		        
		        .shangchuan{
		            margin-top: 100px;
		            position: relative;
		            cursor: pointer;
		            background: #fafafa;
		            border: 1px solid #ddd;
		            border-radius: 4px;
		            overflow: hidden;
		            display: inline-block;
		            *display: inline;
		            *zoom: 1;
		        }
		        .shangchuan  input {
		            position: absolute;
		            font-size: 14px;
		            right: 0;
		            top: 0;
		            opacity: 0;
		            filter: alpha(opacity=0);
		            cursor: pointer
		        }
		        /*新增*/
            </style>
            <!-- Right side column. Contains the navbar and content of the page -->
           <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>新增客户</h1>
                    <div class="clear"></div>
                    
                    
                    <!--修改 2016/12/01-->
		            <ol class="ol_left">
		                <li>当前位置：</li>
		                <li><a href="#">客户管理</a></li>
		                <li>> 新增客户</li>
		            </ol>
		            <!--修改-->
		            
		            
		            
                </section>
                <!-- Main content -->
                <section class="content">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box">
                                <div class="box-header">填写客户基本信息 </div><!-- /.box-header -->
                                <form novalidate="novalidate" class="bv-form"><button type="submit" class="bv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
                                <div class="box-body">
                                    <table class="table table-bordered">
                                        <tbody><tr>
                                            <td>
                                            	<span><label class="star">*</label>客户姓名</span>
                                            </td>
                                            <td>
                                            	<div class="form-group">
		                                            <input class="form-control" id="fullname" name="fullname" placeholder="Enter ..." data-bv-field="fullname" type="text">
		                                            <span class="pull-right red"></span>
		                                        <small style="display: none;" class="help-block" data-bv-validator="notEmpty" data-bv-for="fullname" data-bv-result="NOT_VALIDATED">客户名称为空</small><small style="display: none;" class="help-block" data-bv-validator="callback" data-bv-for="fullname" data-bv-result="NOT_VALIDATED">客户已存在</small></div>
                                            </td>
                                            <td>
                                            	<span>简称</span>
                                            </td>
                                            <td>
                                            	<span class="form-group">
		                                            <input class="form-control" id="abbreviation" name="abbreviation" placeholder="Enter ..." data-bv-field="abbreviation" type="text">
		                                            <span class="pull-right red"></span>
		                                        <span style="display: none;" class="help-block" data-bv-validator="callback" data-bv-for="abbreviation" data-bv-result="NOT_VALIDATED">客户简称已存在</small></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            	<span><label class="star">*</label>客户分类</span>
                                            </td>
                                            <td>
                                            	<div class="form-group">
		                                            <select class="form-control" id="category">
		                                                <option value="001" selected="selected">淘卖</option>
														<option value="002">品牌</option>
														<option value="003">网红</option>
		                                            </select>
		                                        </div>
                                            </td>
                                            <td>
                                            	<span><label class="star">*</label>等级</span>
                                            </td>
                                            <td>
                                            	<div class="form-group">
		                                            <select class="form-control" id="level">
		                                                <option value="001" selected="selected">V1</option>
														<option value="002">V2</option>
														<option value="003">V3</option>
		                                            </select>
		                                        </div>
                                            </td>
                                        </tr>
                                       	<tr>
                                       		<td><span>联系人</span></td>
                                       		<td colspan="3">
                                       			<table class="contacts">
                                       				<tbody><tr>
                                       					<td>
                                       						<table class="table">
                                       							<tbody><tr>
                                       								<td style="border:none; padding: 8px 0" width="auto">
                                       									<span><label class="star">*</label>姓名：</span>
                                       								</td>	
                                       								<td style="border:none">
                                       									<div class="form-group">
								                                            <input class="form-control" name="linkman" data-bv-field="linkman" type="text">
								                                        <small style="display: none;" class="help-block" data-bv-validator="notEmpty" data-bv-for="linkman" data-bv-result="NOT_VALIDATED">联系人为空</small></div>
                                       								</td>
                                       							</tr>
                                       						</tbody></table>
                                       					</td>
                                       					<td>
                                       						<table class="table">
                                       							<tbody><tr>
                                       								<td style="border:none;padding: 8px 0" width="auto">
                                       									<span><label class="star">*</label>手机号：</span>
                                       								</td>	
                                       								<td style="border:none">
                                       									<div class="form-group">
								                                            <input class="form-control" name="contact" data-bv-field="contact" type="text">
								                                        <small style="display: none;" class="help-block" data-bv-validator="notEmpty" data-bv-for="contact" data-bv-result="NOT_VALIDATED">联系方式为空</small><small style="display: none;" class="help-block" data-bv-validator="regexp" data-bv-for="contact" data-bv-result="NOT_VALIDATED">联系方式不符</small></div>
                                       								</td>
                                       							</tr>
                                       						</tbody></table>
                                       					</td>
                                       					<td class="find_div">
                                       						<table class="table">
                                       							<tbody><tr>
                                       								<td style="border:none;padding: 8px 0" width="auto">
                                       									<span>邮箱：</span>
                                       								</td>	
                                       								<td style="border:none">
                                       									<div class="form-group">
								                                            <input class="form-control" "="" name="email" data-bv-field="email" type="text">
								                                        <small style="display: none;" class="help-block" data-bv-validator="regexp" data-bv-for="email" data-bv-result="NOT_VALIDATED">邮箱格式不符</small></div>
                                       								</td>
                                       							</tr>
                                       						</tbody></table>
													        <div class="find_div_xianshi">
		                                                        <span>@qq.com</span>
		                                                    </div>
                                       					</td>
                                       					<td>
                                       						<table class="table">
                                       							<tbody><tr>
                                       								<td style="border:none;padding: 8px 0" width="auto">
                                       									<span>职位/部门：</span>
                                       								</td>	
                                       								<td style="border:none">
                                       									<div class="form-group">
								                                            <input class="form-control" name="deptOrPos" type="text">
								                                        </div>
                                       								</td>
                                       							</tr>
                                       						</tbody></table>
                                       					</td>
                                       					<td style="margin-left:20px">
                                       						<button type="button" class="btn btn-default btn-md btn-flat">删除</button>
                                       					</td>
                                       				</tr>
                                       			</tbody></table>
												<div class="addLink">+添加更多联系人</div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>公司地址</span></td>
                                       		<td colspan="3">
                                       			<table>
                                       				<tbody><tr>
                                       					<td>
                                       						<div class="form-group">
					                                            <select id="provinceId" class="form-control"><option value="" selected="selected">请选择</option><option value="2">北京</option><option value="3">安徽</option><option value="4">福建</option><option value="5">甘肃</option><option value="6">广东</option><option value="7">广西</option><option value="8">贵州</option><option value="9">海南</option><option value="10">河北</option><option value="11">河南</option><option value="12">黑龙江</option><option value="13">湖北</option><option value="14">湖南</option><option value="15">吉林</option><option value="16">江苏</option><option value="17">江西</option><option value="18">辽宁</option><option value="19">内蒙古</option><option value="20">宁夏</option><option value="21">青海</option><option value="22">山东</option><option value="23">山西</option><option value="24">陕西</option><option value="25">上海</option><option value="26">四川</option><option value="27">天津</option><option value="28">西藏</option><option value="29">新疆</option><option value="30">云南</option><option value="31">浙江</option><option value="32">重庆</option><option value="33">香港</option><option value="34">澳门</option><option value="35">台湾</option></select>
			                                        		</div>
                                       					</td>
                                       					<td>
                                       						<div class="form-group">
					                                            <select class="form-control" id="cityId"><option value="" selected="selected">请选择</option></select>
			                                        		</div>
                                       					</td>
                                       					<td>
                                       						<div class="form-group">
					                                            <select id="areaId" class="form-control">
					                                                <option value="" selected="selected">请选择</option>
					                                            </select>
			                                        		</div>
                                       					</td>
                                       				</tr>
                                       			</tbody></table>
                                       			<div class="form-group">
		                                            <input class="form-control" id="detailAddress" placeholder="填写详细地址" type="text">
		                                        </div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>收件地址</span></td>
                                       		<td colspan="3">
                                       			<div class="form-group">
		                                            <input class="form-control" id="deliveryAddress" placeholder="默认公司地址" type="text">
		                                        </div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>网址</span></td>
                                       		<td colspan="3">
                                       			<div class="form-group">
		                                            <input class="form-control" id="web" placeholder="http://www." type="text">
		                                        </div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>备注</span></td>
                                       		<td colspan="3">
                                       			<div class="form-group">
		                                            <textarea class="form-control" id="memo" rows="3" placeholder="可填写最近状态、所需支持"></textarea>
		                                        </div>
                                       		</td>
                                       	</tr>
                                    </tbody></table>
                                    
                                </div><!-- /.box-body -->
                                
                                <div id="more">
                                <div class="box-header">填写更多完整信息 </div><!-- /.box-header -->
                                <div class="box-body">
                                    <table class="table table-bordered">
                                        <tbody><tr>
                                            <td width="8%">
                                            	<span>产品分类</span>
                                            </td>
                                            <td colspan="3">
                                            	<div class="form-group find_div">
                                            		<div class="bootstrap-tagsinput"><input placeholder="输入内容后，敲回车键生成标签" type="text"></div><input data-role="tagsinput" id="productCategory" style="display: none;" type="text">
		                                            <!-- <input type="text" class="form-control" id="productCategory" />
		                                            <div>以顿号隔开</div> -->
		                                            <div class="find_div_xianshi">
                                                        <a>这里是提示</a>
                                                        <a>这里是提</a>
                                                        <a>这里是</a>
                                                        <a>这里</a>
                                                    </div>
                                        		</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            	<span>风格标签</span>
                                            </td>
                                            <td colspan="3">
                                            	<div class="form-group find_div">
                                            		<div class="bootstrap-tagsinput"><input placeholder="输入内容后，敲回车键生成标签" type="text"></div><input data-role="tagsinput" id="styleLabel" style="display: none;" type="text">
		                                            <!-- <input type="text" class="form-control" id="styleLabel" />
		                                            <div>以顿号隔开</div> -->
		                                            <div class="find_div_xianshi">
                                                        <a>这里是提示</a>
                                                        <a>这里是提</a>
                                                        <a>这里是</a>
                                                        <a>这里</a>
                                                    </div>
                                        		</div>
                                            </td>
                                        </tr>
                                       	<tr>
                                       		<td><span>附件</span></td>
                                       		<td colspan="3">
                                       			<a href="javascript:;" class="a-upload">
												    <input type="file" name="" id="">点击这里上传文件
												</a>
                                       			<!--<ul style="list-style: none;">
                                   					<li class="form-group image">
                                   						<div style="width: 100%;">
                                   							<input accept=".zip, .rar" name="new" type="file">
                                   							
			                                            	<button class="btn btn-default">删除</button>
                                   						</div>
                                   						<div style="width: 100%;">
                                   							<input accept=".zip, .rar" name="new" type="file">
                                   							
			                                            	<button class="btn btn-default">删除</button>
                                   						</div>
			                                            
			                                            <p class="help-block">附件仅支持：rar、zip格式</p>
			                                            
			                                        </li>
                                       			</ul>-->
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>目标人群</span></td>
                                       		<td colspan="3">
                                       			<div class="form-group">
		                                            <input id="targetConsumer" class="form-control" type="text">
		                                        </div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>销售渠道</span></td>
                                       		<td colspan="3">
                                       			<div class="form-group">
		                                            <input id="saleChannel" class="form-control" type="text">
		                                        </div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>预计年销售额</span></td>
                                       		<td>
                                       			<div class="form-group" style="width: 20%">
                                       				<span>
		                                            <input id="saleAmount" class="form-control" type="text"></span>
		                                        </div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>销售价格</span></td>
                                       		<td>
                                       			<div class="form-group" style="width: 20%">
		                                            <input id="salePrice" class="form-control" type="text">
		                                        </div>
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>上新频率</span></td>
                                       		<td colspan="3">
                                       			<input id="updateFrequency" style="border: 1px solid #ccc; height: 30px;" type="text">&nbsp;&nbsp;每n周/月
                                       		</td>
                                       	</tr>
                                       	<tr>
                                       		<td><span>上新数量</span></td>
                                       		<td colspan="3">
                                       			<input id="updateCount" style="border: 1px solid #ccc; height: 30px;" type="text">&nbsp;&nbsp;件
                                       		</td>
                                       	</tr>
                                    </tbody></table>
                                </div><!-- /.box-body -->
                                </div>
                                </form>
                                <div class="footer" style="margin: 30px 110px 0;">
                                	<ul style="list-style: none;">
					                        <li style="margin-bottom: 20px;"><a href="javascript:;" id="show_more">填写更多完整信息&gt;&gt;</a></li>
					                </ul>
                                	<button type="button" id="add" class="btn btn-primary" style="margin-bottom: 30px;">确定新增</button>
                                	<button type="button" id="give_up" class="btn btn-default" style="margin-bottom: 30px;">放弃新增</button>
                                </div>
                            </div><!-- /.box -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.js" type="text/javascript"></script>
        <script type="text/javascript" src="../js/bootstrapValidator.js"></script>  
        <!-- AdminLTE App -->
        <script src="../js/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
        <script src="../js/demo.js" type="text/javascript"></script>
        <script src="../js/bootstrap-tagsinput.js"></script>
        <script src="../js/customer.js" type="text/javascript"></script>
    
    <script>
		$(function(){
			doReadArea(1,'provinceId');
			$('table button').click(removeContact);
			$('.bootstrap-tagsinput').children('input').attr('placeholder','输入内容后，敲回车键生成标签');
		})
		
		
		
		
		
		$(".a-upload").on("change","input[type='file']",function(){
    var filePath=$(this).val();
    if(filePath.indexOf("jpg")!=-1 || filePath.indexOf("png")!=-1){
        $(".fileerrorTip").html("").hide();
        var arr=filePath.split('\\');
        var fileName=arr[arr.length-1];
        $(".showFileName").html(fileName);
    }else{
        $(".showFileName").html("");
        $(".fileerrorTip").html("您未上传文件，或者您上传文件类型有误！").show();
        return false 
    }
})
	</script>

<div style="position: fixed; top: 150px; right: 0px; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; border-radius: 5px 0px 0px 5px; padding: 10px 15px; font-size: 16px; z-index: 999999; cursor: pointer; color: rgb(221, 221, 221);" class="no-print"><i class="fa fa-gear"></i></div><div style="padding: 10px; position: fixed; top: 130px; right: -200px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 3px solid rgba(0, 0, 0, 0.7); width: 200px; z-index: 999999;" class="no-print"><h4 style="margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;">Layout Options</h4><div class="form-group no-margin"><div class=".checkbox"><label><input onchange="change_layout();" type="checkbox"> Fixed layout</label></div></div><h4 style="margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;">Skins</h4><div class="form-group no-margin"><div class=".radio"><label><input name="skins" onchange='change_skin("skin-black");' type="radio"> Black</label></div></div><div class="form-group no-margin"><div class=".radio"><label><input name="skins" onchange='change_skin("skin-blue");' checked="checked" type="radio"> Blue</label></div></div></div></body></html>